<template>
  <div class="wrap">
    <img class="banner" src="../../assets/bfsy/nav1.png" alt srcset />
    <p class="yellow"></p>
    <p class="text">沈阳北方石油公司于1992年10月30日在沈阳市注册成立，注册资金3000万元。公司位于沈阳市于洪区湖北街33号，占地面积30000平方米。</p>
    <p class="text">业务范围包括：汽油、柴油、煤油、成品油批发业务及润滑油销售业务。</p>
    <h3>企业风采</h3>
    <h3>Elegant demeanor</h3>
    <div class="imgBox">
      <img src="../../assets/bfsy/nav2.png" alt srcset class="top1"/>
      <div>
        <img src="../../assets/bfsy/nav3.png" alt srcset />
        <img src="../../assets/bfsy/nav4.png" alt srcset />
      </div>
    </div>
    <img src="../../assets/bfsy/nav5.png" class="bottom" alt="">
    <p class="info">北方石油设施信息</p>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {};
  }
};
</script>

<style lang ="scss" scoped>
.wrap {
    padding-bottom: .4rem;
}
.banner {
  width: 9.2rem;
  height: 5.733333rem;
  margin: 10px auto 1.066667rem;
  display: block;
}
.yellow {
  width: 3.906667rem;
  height: 0.56rem;
  background: #ffde7d;
  margin-left: 0.4rem;
  margin-bottom: 0.48rem;
}
.text {
  color: #555;
  font-size: 0.4rem;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
}
h3 {
  color: #555;
  font-size: 0.653333rem;
  margin-left: 0.4rem;
}
.imgBox{
 margin-left: .4rem;
 margin-top: .4rem;
 display: flex;
 justify-content: space-between;
 div{
     img{
         width: 4.36rem;
         height: 4.56rem;
         display: block;
         background: pink;
         margin-right: .4rem;
     }
     img:nth-of-type(1){
         margin-bottom: .453333rem;
     }
 }
}
.top1{
    width: 4.4rem;
    height: 9.56rem;
    display: block;
    background: #555;
}
.bottom{
    display: block;
    width: 9.2rem;
    height: 4.733333rem;
    margin: .4rem auto;
    background: #f00;
}
.info{
    color: #e5e5e5;
    font-size: .4rem;
    margin-left: .4rem;
}
</style>
